<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
    <style>
        *{margin: 0;padding: 0;}
        .item{
            height: 100px;
            border: 1px solid pink;
        }
        .item>img{
            height: 70px;
        }
    </style>
</head>
<body>
    <div id="container">
    </div>
    <script>
        var search = location.search.split("=");
        var aid = search[1].split("&")[0];
        var key = decodeURIComponent(search[2]);
        var url = `http://47.108.197.28:3000/search?keywords=${key}`;
        $.ajax({url,success:res=>{
            var result = res.result.songs;
            console.log(result);
            result.forEach(item=>{
                var artists = item.artists;
                artists.forEach(item=>{
                    var {id,img1v1Url,name} = item;
                    console.log(img1v1Url);
                    if(id == aid){
                        var template = `
                        <div class="item">
                            <img src="${img1v1Url}" alt="">
                            <p>${name}</p>
                        </div>
                        `;
                        $("#container").append(template);
                    }
                })
            })
        }})
    </script>
</body>
</html>